<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>任务分配</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

	<link href="/ag/lzw/css/main.css" rel="stylesheet" type="text/css" />
	<link href="/ag/lzw/css/popup.css" rel="stylesheet" type="text/css" />
    <link href="/ag/lzw/css/task.css" rel="stylesheet" type="text/css" />
    <link href="/ag/css/changeBgColor.css" rel="stylesheet" type="text/css" />
    
    
    <script type="text/javascript" src="/ag/js/jquery-1.4.2.min.js"></script>
	<!-- Jquery获取事件的插件 -->
	<script type="text/javascript" src="/ag/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="/ag/lzw/js/jquery.cookie.js"></script>
	<!-- Task.html自身的JS脚本文件 -->
	<script type="text/javascript" src="/ag/lzw/js/addnewtask.js"></script>
	<script type="text/javascript" src="/ag/lzw/js/addtask.js"></script>
	<script type="text/javascript" src="/ag/js/changeBgColor.js"></script>
	
	<style type="text/css">
		body { font-size: 62.5%;margin-left:0;margin-top:0;margin-right:0; }
	</style>
	
  </head>
  
  <body>
		<div style="height: 15px"></div>
		<div id="task" align="center" style="display: block">
			<form id="form" name="form1" method="post" action="">
				<table border="0" cellspacing="0" cellpadding="0" width="98%" align="center">
					<tbody>
						<tr>
							<td height="30">
								<table border="0" cellspacing="0" cellpadding="0" width="100%">
									<tbody>
										<tr>
											<td height="30" width="15">
												<img src="/ag/tab/images/tab_03.gif" width="15" height="30" />
											</td>
											<td background="/ag/tab/images/tab_05.gif" style="text-align: center;">
												&nbsp;
											</td>
											<td width="14">
												<img src="/ag/tab/images/tab_07.gif" width="14" height="30" />
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
						<tr>
							<td>
								<table border="0" cellspacing="0" cellpadding="0" width="100%">
									<tbody>
										<tr>
											<td background="/ag/tab/images/tab_12.gif" width="9">
												&nbsp;
											</td>
											<td bgcolor="#dceffd">
												<table width="98%" height="98%" border="0" cellpadding="3" cellspacing="1" 
												       align="center" style="background-color: #1177bd" id="taskTable">
													<tr class="tabletr">
														<td height="38" colspan="3" valign="top">
															<div id="findSucc" style="margin-top: 20px; color: #000; margin-left: 50px; font-size: 16px; margin-bottom: 20px; font-size: 16px;">
																<img src="/ag/lzw/images/config.png" />
																<span style="color: #960; margin-left: 5px;">第二步：事件处置方案配置：分配任务</span>
															</div>
														</td>
													</tr>
													<tr class="tabletr">
														<td height="38" colspan="3" valign="top">
															<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
																<tr>
																	<td>
																		<table width="100%" border="0" cellspacing="0" cellpadding="0">
																			<tr>
																				<td colspan="3">
																					<span style="color: #960; font-size: 16px; margin-left: 15px; margin-top: 5px; margin-bottom: 5px; display: block;">
																					                  任务列表：
																					</span>
																				</td>
																			</tr>
																			<tr>
																				<td width="9">
																					&nbsp;
																				</td>
																				<td bgcolor="#f3ffe3">
																					<table width="99%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#1177bd"
																						class="newtable" id="newTable" >
																						<tr>
																							<td width="8%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								<div align="center" class="STYLE2">
																									任务号
																								</div>
																							</td>
																							<td width="10%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								<div align="center" class="STYLE2">
																									任务名称
																								</div>
																							</td>
																							<td width="35%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								<div align="center" class="STYLE2">
																									任务内容
																								</div>
																							</td>
																							<td width="6%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								<div align="center" class="STYLE2">
																									负责人
																								</div>
																							</td>
																							<td width="8%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								<div align="center" class="STYLE2">
																									负责人电话
																								</div>
																							</td>
																							<td width="20%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								<div align="center" class="STYLE2">
																									相关组员
																								</div>
																							</td>
																							<td width="8%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								<div align="center" class="STYLE2">
																									分派时间
																								</div>
																							</td>
																							<td width="5%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								
																							</td>
																						</tr>
																					</table>
																				</td>
																				<td width="9">
																					&nbsp;
																				</td>
																			</tr>
																		</table>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
													<!-- 任务添加列表 -->
													<tr class="tabletr">
														<td height="38" colspan="3" valign="top">
															<div class="ulli">
															 	<form>
																</form>															
                                                                <form  id="taskForm" method="get" action="">
	                                                                <table>
		                                                              <tbody>
																        <tr>
																           <td>
																              <span class="span_n" style="color: #960;">任务名称：</span>
																		      <input type="text" id="taskName" name="taskName" style="width: 360px" />
																           </td>
																           <td></td>   
																        </tr>
																        <tr>
																           <td>
																              <span class="span_n" style="color: #960;">任务内容：</span>
																              <textarea rows="8" style="width: 360px;" id="taskContext" >
																		      </textarea>
																           </td>
																           <td></td>
																        </tr>
																        <tr>
																           <td>
																              <span class="span_n" style="color: #960;">执行部门：</span>
																		      <input type="text" id="taskLeader" name="taskLeader" style="width: 280px" />
																		      <input type="button" value="选择部门" style="height:25px;width:80px;" id="choseleader"/>
																           </td>
																           <td></td>
																        </tr>
																        <tr>
																           <td>
																              <span class="span_n" style="color: #960;">相关组员：</span>
																		      <input type="text" id="taskPeople" name="taskPeople" style="width: 280px" />
																		      <input type="button" value="选择组员" style="height:25px;width:80px;" id="chosePeople"/>
																           </td>
																           <td></td>
																        </tr>
																        <tr>
																           <td>
																              <span class="span_n" style="color: #960;">所需资源：</span>
																		      <input type="text" id="taskRes" name="taskRes" style="width: 280px" />
																		      <input type="button" value="选择资源" style="height:25px;width:80px;" id="choseRes"/>
																           </td>
																           <td></td>
																        </tr>
																        <tr>
																           <td>
																              <span class="span_n" style="color: #960;">分派时间：</span>
																		      <input type="text" id="taskTime" class="Wdate" name="taskTime"
																		             onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'})" />
																           </td>
																           <td></td>
																        </tr>
																        <tr>
																           <td>
																              <span class="span_n" style="color: #960;">添加附件：</span>
																		      <input type="file" name="fileField" id="fileField" />
																		      <input type="button" name="upFile" id="upFile" value="上传附件" />
																           </td>
																           <td></td>
																        </tr>
																        <tr>
																           <td style="font-size: 16px;">
																              <span class="span_n" style="color: #960;">通知方式：</span>
																		      <input name="checkbox" type="checkbox" id="checkbox1"  />
																		                  短信
																		      <input type="checkbox" name="checkbox2" id="checkbox2" />
																		                  电话
																           </td>
																        </tr>
																        <tr>
																           <td class="read_agree">
																              <input type="button" value="添加任务" style="width: 90px; height: 30px;" id="addTask" />
																           </td>
																        </tr>
																    </tbody>
		                                                         </table>
                                                              </form>					
															</div>
														</td>
													</tr>
													<!-- 添加任务完成按钮 -->
													<tr class="tabletr">
														<td height="70" colspan="3" valign="top">
															<div style="text-align: center; margin-top: 10px;">
																<img src="/ag/lzw/images/finish.png" style="cursor: pointer;"  id="newTaskFinish" />
															</div>
														</td>
													</tr>
												</table>
											</td>
											<td background="/ag/tab/images/tab_16.gif" width="9">
												&nbsp;
										    </td>
										</tr>				
								</table>
							</td>	
						</tr>
				</table>
				</td>
				<td background="/ag/tab/images/tab_16.gif" width="9">
					
				</td>
				</tr>
				</tbody>
				</table>
				</td>
				</tr>
				<tr>
					<td height="29">
						<table border="0" cellspacing="0" cellpadding="0" width="98%">
							<tbody>
								<tr>
									<td height="30" width="15">
										<img src="/ag/tab/images/tab_20.gif" width="15" height="29" />
									</td>
									<td background="/ag/tab/images/tab_21.gif">
										<table border="0" cellspacing="0" cellpadding="0" width="100%">
											<tbody>
												<tr>
													<td height="29" nowrap="nowrap"
														background="/ag/tab/images/tab_21.gif">
														&nbsp;
													</td>
												</tr>
											</tbody>
										</table>
									</td>
									<td width="14">
										<img src="/ag/tab/images/tab_22.gif" width="14" height="29" />
									</td>
								</tr>
							</tbody>
						</table>
					</td>
				</tr>
				</tbody>
				</table>
				<p>&nbsp;</p>			
			</form>
			
			<!-- 弹出窗口的div -->
			<div class="demo" style="display:none;">
			
			<div id="ResChooseWindow">
			    <table width='98%' border='0' width="98%" height="98%" cellpadding="3" cellspacing="1" 
					   align="center" style="background-color: #1177bd">
			          <tr>
			              <!-- 已选资源记录表 -->
			              <td bgcolor="#ffffff">
			                  <table width="99%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#1177bd" id="ResSelectedTb" class="ResSelectedClass">
			                       <tr height="18">
									  <td width="35%" background="/ag/tab/images/tab_14.gif" class="ResSelected">
										<div align="center" class="STYLE2">已选资源编号</div>
									  </td>
									  <td width="35%" background="/ag/tab/images/tab_14.gif" class="ResSelected">
										<div align="center" class="STYLE2">已选资源名称</div>
									  </td>
									  <td width="15%" background="/ag/tab/images/tab_14.gif" class="ResSelected">
										<div align="center" class="STYLE2">资源数量</div>
									  </td>
									  <td width="15%" background="/ag/tab/images/tab_14.gif" class="ResSelected">
									  </td>
			                       </tr> 
			                  </table>
			              </td>        
			          </tr>
			          <!-- 选择资源的tb -->
			          <tr>
			              <td bgcolor="#ffffff">
			                 <div>
			                     <form id="ResForm">
	                                  <table>
		                                    <tbody>
												  <tr>
													  <td>
														  <span class="span_n" style="color: #960;">选择资源类别:</span>
														   <select id="ResType"></select>
													  </td>
												      <td></td>   
												   </tr>
													
												   <tr>
													  <td>
														  <span class="span_n" style="color: #960;">选择详细资源:</span>
														   <select id="Resources"></select>
													  </td>
												      <td></td>   
												   </tr>
												   
												   <tr>
													  <td>
														  <span class="span_n" style="color: #960;">选择资源数量:</span>
														  <select id="ResNum"></select>
													  </td>
												      <td></td>   
												   </tr>
												       
												   <tr>
													  <td>
													      <span class="span_n" style="color: #960;">
													           <input type="button" value="添加资源" id="addSelectRes" />
													      </span>					  
													  </td>
												   </tr>
											 </tbody>
		                               </table>
                                  </form>
			                 </div>
			              </td>
			          </tr>
			    </table>
			</div>
			
		    <!-- 负责人选择窗口 -->	
		    <div id="LeaderChooseWindow">
		        <table width='98%' border='0' width="98%" height="98%" cellpadding="3" cellspacing="1" 
					   align="center" style="background-color: #1177bd">
			          <tr>
			              <td bgcolor="#ffffff">
			                  <div>
			                     <form id="LeaderForm">
	                                  <table>
		                                    <tbody>
												  <tr>
													  <td>
														  <span class="span_n" style="color: #960;">选择部门:</span>
														   <select id="depts"></select>
													  </td>
												      <td></td>   
												   </tr>
													
												   <tr>
													  <td>
														  <span class="span_n" style="color: #960;">选择负责人:</span>
														   <select id="leaders"></select>
													  </td>
												      <td></td>   
												   </tr>
											 </tbody>
		                               </table>
                                  </form>
			                 </div>
			              </td>
			          </tr>	       
			    </table>
		    </div>
		    
		    <!-- 其他队员选择窗口 -->
		    <div id="PeopleChooseWindow">
		         <table width='98%' border='0' width="98%" height="98%" cellpadding="3" cellspacing="1" 
					   align="center" style="background-color: #1177bd">
			          <tr>
			             <td bgcolor="#ffffff">
			                  <table width="99%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#1177bd" id="PeopleSelectedTb" class="PeopleSelectedClass">
			                       <tr height="18">
									  <td width="25%" background="/ag/tab/images/tab_14.gif" class="PeopleSelected">
										<div align="center" class="STYLE2">已选人员姓名</div>
									  </td>
									  <td width="30%" background="/ag/tab/images/tab_14.gif" class="PeopleSelected">
										<div align="center" class="STYLE2">联系方式</div>
									  </td>
									  <td width="20%" background="/ag/tab/images/tab_14.gif" class="PeopleSelected">
										<div align="center" class="STYLE2">所属部门</div>
									  </td>
									  <td width="15%" background="/ag/tab/images/tab_14.gif" class="PeopleSelected">
									  </td>
			                       </tr> 
			                  </table>
			              </td>        
			          </tr>
			          <tr>
			              <td bgcolor="#ffffff">
			                 <div>
			                     <form id="ResForm">
	                                  <table>
		                                    <tbody>
												  <tr>
													  <td>
														  <span class="span_n" style="color: #960;">选择部门:</span>
														   <select id="depts"></select>
													  </td>
												      <td></td>   
												   </tr>
													
												   <tr>
													  <td>
														  <span class="span_n" style="color: #960;">请选择其他队员:</span>
														   <select id="peoples" size="6" multiple="multiple"></select>
													  </td>
												      <td></td>   
												   </tr>
												   
												   <tr>
													  <td>
													      <span class="span_n" style="color: #960;">
													           <input type="button" value="添加人员" id="addSelectPeoples" />
													      </span>					  
													  </td>
												   </tr>
											 </tbody>
		                               </table>
                                  </form>
			                 </div>
			              </td>
			          </tr>
			     </table>
		    </div>
			
			</div>
		</div>
	</body>
	
	<link type="text/css" href="/ag/css/dialog/jquery.ui.all.css" rel="stylesheet" />
	<link type="text/css" href="/ag/css/dialog/demos.css" rel="stylesheet" />
	<!-- JQuery的UI插件库 -->
	<script type="text/javascript" src="/ag/css/dialog/jquery.bgiframe-2.1.1.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.core.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.button.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.draggable.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.position.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.resizable.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.dialog.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.effects.core.js"></script>
	<script type="text/javascript" src="/ag/js/accrodin//jquery.ui.accordion.js"></script>
</html>
